<template>
  <view class="notice-box" v-if="display">
    <view class="bg-box"></view>
    <view class="column notice-content">
      <view class="o-contain">
        <!-- 关闭图标 -->
        <view class="iconfont icon-cuowu1" @click="tap"></view>
        <view class="error_text">
          <view class="cover_sorry errorTip">抱歉！</view>
          <view class="cover_sorry">{{ errorMessage }}</view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        display: true
      };
    },
    props: {
      itemName: String,
      errorMessage: String
    },
    methods: {
      tap() {
        this.$emit('clickTap', false);
      }
    }
  };
</script>

<style lang="less">
  .notice-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10001;
  }

  .notice-box .notice-content {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 200rpx;
  }

  .notice-box .error_text {
    text-align: center;
    margin-top: 80rpx;
  }

  .notice-box .error_text .cover_sorry {
    font-size: 28rpx;
  }

  .notice-box .error_text .errorTip {
    margin-bottom: 16rpx;
  }

  .o-contain {
    padding: 260rpx 24rpx 0;
  }

  .o-contain .icon-cuowu1 {
    font-size: 68rpx;
    position: fixed;
    cursor: pointer;
    right: 12rpx;
    top: 220rpx;
  }
</style>
